<template lang="html">
  <div class="">
    <ul>
      <li v-for="m in lists"><span>{{m.id}}</span><span>{{m.title}}</span></li>
    </ul>
  </div>
</template>

<script>
export default {
  data(){
    return {
      lists:[
						{
							id:1,
							title:'去吃饭'
						},
						{
							id:2,
							title:'打篮球'
						},
						{
							id:3,
							title:'踢足球'
						},
						{
							id:4,
							title:'敲代码'
						},
						{
							id:5,
							title:'去睡觉'
						},
						{
							id:6,
							title:'打瞌睡'
						}
					]
    }
  }
}
</script>

<style lang="css">
span{
  margin-right: 100px;
}
</style>
